import React from 'react';
import { Button, Space } from 'antd';
import { useNavigate } from 'react-router-dom';
import { DollarOutlined } from '@ant-design/icons';
import './ProductManage.scss';

const TradePage = () => {
  const navigate = useNavigate();

  return (
    <div className="trade-page glass-bg">
      <h2 className="glow-title">
        <DollarOutlined style={{ marginRight: 8 }} />
        股票交易中心
      </h2>
      <Space direction="vertical" size="large">
        <Button className="glow-button" onClick={() => navigate('/product/trademanual')}>💼 手工交易</Button>
        <Button className="glow-button" onClick={() => navigate('/product/tradeholdings')}>📊 持仓查询</Button>
      </Space>
    </div>
  );
};

export default TradePage;
